<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>学生综合信息查询系统-教师列表</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/font-awesome.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/common.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/teacher.css}">

    <script type="text/javascript" th:src="@{/js/lib/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/lib/jquery.htools.select.js}"></script>
    <script type="text/javascript" th:src="@{/js/teacherList.js}" th:inline="javascript"></script>
</head>
<body>
<div class="container">
    <div class="navbar">
        <div class="navbar-inner" th:inline="text">
            <a class="brand" href="javascript:void(0);"><span class="logo fl"><img th:src="@{/images/logo.png}"></span><span class="logo-title fl">教师综合信息查询系统</span></a>
            <span class="sign-out fr"><a href="/"><i class="fa fa-circle-o-notch"></i>退出系统</a></span>
            <span class="welcome fr"><i class="fa fa-user-circle-o"></i>[[${name}]]</span>
        </div>
    </div>
</div>
<div class="container base-padding">
   <div class="teacher-box">
      <div class="current">
          <span><a href="javascript:void(0);"><i class="fa fa-home"></i>主页</a></span>
          <span class="current-seat"><i class="fa fa-angle-right"></i>职工列表</span>
      </div>
       <div class="teacher-container">
           <form th:action="@{/teacher/listByPage}" th:method="POST" id="search-form" th:object="${teacher}">
               <input type="hidden" name="id" th:value="${id}">
               <input type="hidden" id="pageSizes" th:value="${page.getPages()}">
               <input type="hidden" id="current" th:field="${pageEntity.pageNum}" name="pageEntity.pageNum" th:value="${pageEntity.pageNum}">
              <div class="search-box clearfix">
                  <div class="search-text"><label>姓名</label><input type="text"     th:field="*{name}"  placeholder="输入姓名"></div>
                  <div class="search-text"><label>身份证号</label><input type="text"  th:field="*{idCard}"  placeholder="输入身份证号"></div>
                  <div class="search-text"><label>手机号</label><input type="text"    th:field="*{mobilePhone}"  placeholder="输入手机号"></div>
                  <div class="search-text"><label>办公电话</label><input type="text"  th:field="*{workPhone}"  placeholder="输入办公电话"></div>
              </div>
               <div class="search-box clearfix">
                   <div class="search-text"><label>政治面貌</label>
                       <select class="selectBox" id="selectBox" th:field="*{politicalStatus}">
                           <option value="">请选择</option>
                           <option value="中共党员" >中共党员</option>
                           <option value="民盟盟员" >民盟盟员</option>
                           <option value="预备党员" >预备党员</option>
                           <option value="群众" >群众</option>
                       </select>
                   </div>
                   <div class="search-text"><label>职务职级</label>
                       <select class="selectBox" id="selectBox2" th:field="*{zhiwuzhiji}">
                           <option value="">请选择</option>
                           <option value="处长正处">处长正处</option>
                           <option value="副处长副处">副处长副处</option>
                       </select>
                   </div>
                   <div class="search-text"><label>职称职级</label>
                       <select class="selectBox" id="selectBox3" th:field="*{titleLevel}">
                           <option value="">请选择</option>
                           <option value="教授正高">教授正高</option>
                           <option value="副教授">副教授</option>
                       </select>
                   </div>
                   <div class="search-text"><label>编制类别</label>
                       <select class="selectBox" id="selectBox4" th:field="*{organizationCategory}">
                           <option th:value="null">请选择</option>
                           <option value="行政">行政</option>
                           <option value="教师">教师</option>
                       </select>
                   </div>
               </div>
               <div class="search-box clearfix">
                   <div class="search-text"><label>人事关系类型</label>
                       <select class="selectBox" id="selectBox5" th:field="*{humanRelation}">
                           <option th:value="null">请选择</option>
                           <option value="行政">行政</option>
                           <option value="教师">教师</option>
                       </select>
                   </div>
                   <div class="search-text"><label>学历学位</label>
                       <select class="selectBox" id="selectBox6" th:field="*{bachelorScienceEducation}">
                           <option th:value="null">请选择</option>
                           <option value="博士">博士</option>
                           <option value="硕士">硕士</option>
                           <option value="本科">本科</option>
                           <option value="专科">专科</option>
                       </select>
                   </div>
                   <div class="search-text"><label>研究方向</label>
                       <select class="selectBox" id="selectBox7" th:field="*{researchDirection}">
                           <option th:value="null">请选择</option>
                           <option value="超分子化学">超分子化学</option>
                           <option value="公共管理与社会政策">公共管理与社会政策</option>
                           <option value="网络技术与应用">网络技术与应用</option>
                       </select>
                   </div>
                   <div class="search-text"><label>学科归属</label>
                       <select class="selectBox" id="selectBox8" th:field="*{subjectAttribution}">
                           <option th:value="null">请选择</option>
                           <option value="材料科学与工程">材料科学与工程</option>
                           <option value="行政管理">行政管理</option>
                           <option value="计算机科学与技术">计算机科学与技术</option>
                       </select>
                   </div>
               </div>
               <div class="search-box">
                   <div class="search-text"><label>专业归属</label>
                       <select class="selectBox" id="selectBox9" th:field="*{prefessionalAttribution}">
                           <option th:value="null">请选择</option>
                           <option value="应用化学">应用化学</option>
                           <option value="公共事业管理">公共事业管理</option>
                           <option value="计算机科学与技术">计算机科学与技术</option>
                       </select>
                   </div>
                   <div class="search-text"><label>高校教师资格</label>
                       <select class="selectBox" id="selectBox10" th:field="*{qualificationOfCollegeTeachers}">
                           <option th:value="null">请选择</option>
                           <option value="是">是</option>
                           <option value="否">否</option>
                       </select>
                   </div>
                   <div class="search-text"><label>研究生导师</label>
                       <select class="selectBox" id="selectBox11" th:field="*{isGraduateTeacher}">
                           <option th:value="null">请选择</option>
                           <option value="是">是</option>
                           <option value="否">否</option>
                       </select>
                   </div>
                   <input class="submitBtn" type="submit"  value="查询"/>
               </div>
           </form>
          </div>
       <div class="teacher-content baseHeight">
           <div class="knowledge-content">
                 <div class="knowledge-box" th:each="uTeacherInfo,iterStat:${page.records}">
                       <table class="teacher-info" border="0" th:inline="text">
                           <tbody >
                           <tr>
                               <td rowspan="6">
                                   <img th:src="${uTeacherInfo.imgUrl}" />
                               </td>
                               <td width="12.5%">姓名：</td>
                               <td width="12.5%">[[${uTeacherInfo.name}]]</td>
                               <td width="12.5%">性别：</td>
                               <td width="12.5%">[[${uTeacherInfo.sex}]]</td>
                               <td width="12.5%">出身日期：</td>
                               <td width="12.5%">[[${uTeacherInfo.birthday} == null ? '': ${#dates.format(uTeacherInfo.birthday,'yyyy-MM-dd')}]]</td>
                               <td width="12.5%">民族：</td>
                               <td width="12.5%">[[${uTeacherInfo.nation}]]</td>
                           </tr>
                           <tr>
                               <td width="12.5%">政治面貌：</td>
                               <td width="12.5%">[[${uTeacherInfo.politicalStatus}]]</td>
                               <td width="12.5%">婚否：</td>
                               <td width="12.5%">[[${uTeacherInfo.isMarried}]]</td>
                               <td width="12.5%">身份证号：</td>
                               <td width="12.5%">[[${uTeacherInfo.idCard}]]</td>
                               <td width="12.5%">籍贯：</td>
                               <td width="12.5%">[[${uTeacherInfo.nativePlace}]]</td>
                           </tr>
                           <tr>
                               <td width="12.5%">参加工作时间：</td>
                               <td width="12.5%">[[${uTeacherInfo.startWorkTime} == null ? '' : ${#dates.format(uTeacherInfo.startWorkTime,'yyyy-MM-dd')}]]</td>
                               <td width="12.5%">来校工作时间：</td>
                               <td width="12.5%">[[${uTeacherInfo.toSchoolWorkTime} == null ? '' : ${#dates.format(uTeacherInfo.toSchoolWorkTime,'yyyy-MM-dd')}]]</td>
                               <td width="12.5%">高校教师资格：</td>
                               <td width="12.5%">[[${uTeacherInfo.qualificationOfCollegeTeachers} == null ? '' : ${uTeacherInfo.qualificationOfCollegeTeachers}]]</td>
                               <td width="12.5%">合同起止日：</td>
                               <td width="12.5%">[[${uTeacherInfo.contractStartDate} == null ? '' : ${#dates.format(uTeacherInfo.contractStartDate,'yyyy-MM-dd')}]]</td>
                           </tr>
                           <tr>
                               <td width="12.5%">编制级别：</td>
                               <td width="12.5%">[[${uTeacherInfo.organizationCategory}]]</td>
                               <td width="12.5%">人事关系类型：</td>
                               <td width="12.5%">[[${uTeacherInfo.humanRelation}]]</td>
                               <td width="12.5%">从教年月：</td>
                               <td width="12.5%">[[${uTeacherInfo.teachesDate} == null ? '' : ${#dates.format(uTeacherInfo.teachesDate,'yyyy-MM-dd')}]]</td>
                               <td width="12.5%">研究生导师：</td>
                               <td width="12.5%">[[${uTeacherInfo.isGraduateTeacher}]]</td>
                           </tr>
                           <tr>
                               <td width="12.5%">职务职级：</td>
                               <td width="12.5%">[[${uTeacherInfo.zhiwuzhiji}]]</td>
                               <td width="12.5%">职称级别：</td>
                               <td width="12.5%">[[${uTeacherInfo.titleLevel}]]</td>
                               <td width="12.5%">学位学历：</td>
                               <td width="12.5%">[[${uTeacherInfo.bachelorScienceEducation} == null ? '': ${uTeacherInfo.bachelorScienceEducation}]]</td>
                               <td width="12.5%">研究方向：</td>
                               <td width="12.5%">[[${uTeacherInfo.researchDirection}]]</td>
                           </tr>
                           <tr>
                               <td width="12.5%">办公电话：</td>
                               <td width="12.5%">[[${uTeacherInfo.workPhone}]]</td>
                               <td width="12.5%">移动手机：</td>
                               <td width="12.5%">[[${uTeacherInfo.mobilePhone}]]</td>
                               <td width="12.5%">学科归属：</td>
                               <td width="12.5%">[[${uTeacherInfo.subjectAttribution}]]</td>
                               <td width="12.5%">专业归属：</td>
                               <td width="12.5%">[[${uTeacherInfo.prefessionalAttribution}]]</td>
                           </tr>
                           </tbody>
                           <tfoot>
                               <td colspan="9"><div class="particulars">【[[${iterStat.count}]]】[[${uTeacherInfo.name}]]（工号：[[${uTeacherInfo.id}]]）<span class="fr"><a th:href="'/teacher/findDetail/'+ ${uTeacherInfo.id} +'/'+ ${name}" target="_blank" >详细进入</a></span></div></td>
                           </tfoot>
                       </table>
                 </div>
               <th:block th:if = "${page.getPages()} eq 0">
                   <!--没有数据显示-->
                   <div class="no-data">
                       <div class="data-content">
                           <div class="data-images"><img src="/images/no-data.png" /></div>
                           <p class="data-text">暂无数据！</p>
                       </div>
                   </div>
               </th:block>
               <!--分页-->
               <th:block th:if="${page.getPages()} &gt; 0" >
                   <div class="page-box" th:inline="text">
                       <div class="page-list">
                           <span>共[[${page.getTotal()}]]条</span>
                           <span th:if="${page.current} != 1"><a  data-th-attr="pageIndex=${page.current} - 1" >上一页</a></span>
                           <span data-th-each="i : ${#numbers.sequence(((page.current-4) lt 0 ? page.current : (page.current-4)), (page.getPages()-10) lt 0  ? page.getPages() : (((page.current-4) lt 0 ? page.current : (page.current-4))+9))}">
                               <a data-th-classappend="${(page.current) eq i} ? 'active' : ''" data-th-attr="pageIndex=${i}">[[${i}]]</a>
                           </span>
                           <span th:if="${page.current} != (${page.getPages()})"><a data-th-attr="pageIndex=${page.current} + 1">下一页</a></span>
                           <span>跳转到<input id="number" type="number">页</span>
                           <span class="jump">跳转</span>
                       </div>
                   </div>
               </th:block>
               <!--<th:block th:if="${page.getPages()} &gt; 0" >-->
                   <!--<div class="page-box" th:inline="text">-->
                       <!--<ul class="page-list" th:inline="text">-->
                           <!--&lt;!&ndash; 共计 &ndash;&gt;-->
                           <!--<li class="page-item" >-->
                               <!--<span>共[[${page.getTotal()}]]条</span>-->
                           <!--</li>-->
                           <!--&lt;!&ndash; 上一页 &ndash;&gt;-->
                           <!--<li class="page-item" th:if="${page.current} != 1">-->
                               <!--<a class="page-link" data-th-attr="pageIndex=${page.current} - 1" aria-label="上一页">-->
                                   <!--<span aria-hidden="true">上一页</span>-->
                               <!--</a>-->
                           <!--</li>-->

                           <!--&lt;!&ndash; 迭代生成页码 &ndash;&gt;-->
                           <!--<li class="page-item" data-th-each="i : ${#numbers.sequence(((page.current-4) lt 0 ? page.current : (page.current-4)), (page.getPages()-10) lt 0  ? page.getPages() : (((page.current-4) lt 0 ? page.current : (page.current-4))+9))}"-->
                               <!--data-th-classappend="${(page.current) eq i} ? 'active' : ''" >-->
                               <!--<a class="page-link"  >-->
                                   <!--<span data-th-text="${i}"></span>-->
                               <!--</a>-->
                           <!--</li>-->

                           <!--&lt;!&ndash; 下一页 &ndash;&gt;-->
                           <!--<li class="page-item" th:if="${page.current} != (${page.getPages()})">-->
                               <!--<a class="page-link" data-th-attr="pageIndex=${page.current} + 1" aria-label="下一页">-->
                                   <!--<span aria-hidden="true">下一页</span>-->
                               <!--</a>-->
                           <!--</li>-->
                       <!--</ul>-->
                   <!--</div>-->
               <!--</th:block>-->

           </div>
   </div>
</div>
</div>
</body>
</html>